[ css] display, visiblity
2024.05.02
작성일/수정일
2024-05-02 10:17:29 / 2024-05-02 10:17:29
display:none;
코딩에 존재 없음
공간을 차지하지 않음
if ( $('.box').css('display') === 'none' ) {
$('.box').show();
/* $('.box').slidDown(); */
} else {
$('.box').hide();
/* $('.box').slidUp(); */
}
visiblity:hidden, visiblity:visible
코딩에 존재 있음
공간을 차지하면서 안보임
<style>
.hide { visiblity:hidden; }
</style>
display : table
하위 tag에 선언
<style>
.services{
display:table;
width:800px;
border:1px solid;
}
.service div{
display:table-cell;
width:50%;
}
</style>